
body{
  height: 100%;  /* (TODO) need to fix it! */
  padding: 0;
  margin: 0;
  border: 0;
  background: #010E15;
  color: white;
}


#home{
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 1; 
	left: 0px;
	position: absolute;
	-webkit-transition: all 1.5s ease-in-out;
	-webkit-transform: rotate3d(0, 0, 0, 0deg);
	z-index: 10;
	border: 1px solid;
  border-color:#00FF00;
}





#banner{
  width:100%;
  height:40px;
  position:absolute;
  background-color: #252525;
  left:0%;
  top:0%;
}


#search{
  width:70%;
  height:10%;
  position:absolute;
  left:0%;
  top:40px;
  border: 1px solid;
  border-color:#FF0000;
}


#search_input{
	width:250px;
	height:100%;
	position:absolute;
  left:10%;
  top:0%;
  font-family:"Arial Black";
  font-size:40px;
  font-weight:blod;
}


.search_result{
  width: 1000px;
  height: 630px;
  overflow:auto;
  border: 1px solid;
  border-color:#FFAA00;
}

/* Search result word div style
 * If jquery.infiitescroll doesn't work properly, we could try to remove .post style!
 * 
 * */

.word_main {
  width: 300px;
  margin: 10px;
  float: left;
  -webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);
}


.word_image{
	width:280px;
	height: 50px;
	padding: 5px;
	background-color: gray;
}


.moveme{
  -webkit-transition: opacity 0.5s ease-in-out;
}


#result{
  width:70%;
  height:80%;
  position:absolute;
  left:0%;
  top: 20%;
}


#admin{
  width:30%;
  height:25%;
  position:absolute;
  right:0%;
  top:0%;
}


#top10{
  width:30%;
  height:70%;
  position:absolute;
  right:0%;
  top:25%;
}



#add_main{
	display:none;
}


/* index.html_edit */
#edit{
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0;
	left: 100%;
	position: absolute;
	-webkit-transition: all 1.5s ease-in-out;
	-webkit-transform: rotate3d(0, 0, 0, 10deg);
	z-index: 2;
  border: 1px solid;
  border-color:#FFAA00;
}

#user_info{
  width:100%;
  height:15%;
  position:absolute;
  background-color: red;
  left:0%;
  top:0%;
}

#profile_icon{
  width:20%;
  height:100%;
  position:absolute;
  background-color: blue;
  left:0%;
  top:0%;	
}

#user_detail{
  width:80%;
  height:100%;
  position:absolute;
  background-color: yellow;
  left:20%;
  top:0%;		
}

#user_words_edit{
  width:100%;
  height:100%;
  position:absolute;
  background-color: red;
  left:0%;
  top:15%;
  border-style:dashed;
}

#user_favorite_edit{
  width:100%;
  height:100%;
  position:absolute;
  background-color: pink;
  left:0%;
  top:15%;
  border-style:dashed;	
}

ul.thumb {
float: left;
list-style: none;
margin: 0px;
padding: 10px;
width: 720px;
}


ul.thumb li {
float: left;
height: 200px;
margin: 0px;
padding: 5px;
position: relative;
width: 200px;
}
